.center-left {
    flex: 0.245;
    /* background: red; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: url(../img/tit02.png) no-repeat center center;
    background-size: 69% 4%; */
}

.center-left>div:nth-of-type(1){
    width: 93%;
    height: 100%;
    background: url("../img/bg_kuang01@2x.png") no-repeat center center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
}

.center-left>div:nth-of-type(1)>div:nth-of-type(1){
    flex: 1;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.u-top{
    flex: 0.16;
    width: 100%;
    height: 100%;

    background: url(../img/tit01@2x.png) no-repeat center center;
    background-size: 95% 33%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size:1.125rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #33EBF5;
}
.u-top>div:nth-of-type(1){
    margin-top: 2%;

}

.u-bottom{
    flex: 0.84;
    /* background: pink; */
    width: 100%;
    height: 100%;
}

.center-left>div:nth-of-type(1)>div:nth-of-type(2){
    flex: 1;
    width: 100%;
    height: 100%;
    /* background: coral; */
    display: flex;
    flex-direction: column;

}
.j-top{
    flex: 0.16;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 1.125rem;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #33EBF5;
    background: url(../img/tit02.png) no-repeat center 30px;
    background-size: 69% 40%;

}
.j-bottom{
    flex: 0.84;
    /* background: pink; */
    width: 100%;
    height: 100%;

}
.j-top>div:nth-of-type(1){
    margin-top: -2%;

}
